<template>
    <div class="child1">
        <h2>{{todoStore.todos.slice(-1)[0]}}</h2>
        {{ todoStore.arr }}---{{ todoStore.total }}
        <button @click="updateTodo"> 点我压入新数据 </button>
    </div>
</template>

<script setup lang="ts">
//引入组合式API函数仓库
import useTodoStore from "../../store/modules/todo";
let todoStore = useTodoStore();

//点击按钮压入新数据
const updateTodo = () => {
    todoStore.updateTodo();
};
</script>

<style scoped>
.child1 {
    width: 200px;
    height: 200px;
    background: hotpink;
}
</style>